<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : user_guide01.jsp
    Description : 유저가이드
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<meta name="WT.ti" content="홈_가이드02">
</head>
<body>
<div id="wrap" class="user-guide-wrap">
	<%@ include file="/WEB-INF/jsp/com/include/navi_utill.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
	<hr />

	<!-- visual area -->
	<div id="userguide-visual"><div class="visual-inner">
		<p class="copy"><img src="/kr/images/user_guide/txt_visual.png" alt="현대자동차 홈페이지 Renewal! 새롭게 리뉴얼된 현대자동차 홈페이지의 다양하고 새로운 컨텐츠 서비스를 소개합니다." /></p>
		<div class="img"><img src="/kr/images/user_guide/img_visual.png" alt="대표이미지" /></div>
	</div></div>
	<!-- //visual area -->
	<hr />

	<div id="guide-navi-wrap"><div id="guide-navi">
		<ul class="guide-navigation">
			<li><a href="/kr/guide/guide01.do"><img src="/kr/images/user_guide/menu01.gif" alt="회원가입" /></a></li>
            <li><a href="/kr/guide/guide02.do"><img src="/kr/images/user_guide/menu02.gif" alt="쇼룸" /></a></li>
            <li><a href="/kr/guide/guide03.do"><img src="/kr/images/user_guide/menu03.gif" alt="친구에게 묻기" /></a></li>
            <li><a href="/kr/guide/guide04.do"><img src="/kr/images/user_guide/menu04.gif" alt="구매가이드" /></a></li>
		</ul>
	</div></div>

	<div id="user-guide-contents">
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_01.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				02 쇼룸
				PC 또는 스마트폰 등의 다양한 디바이스를 통해 현대자동차의 차종들의 외관, 내장, 편의사양 등의 상세한 내용을 온라인 상에서 체험할 수 있도록 고객님께 제공하는 서비스입니다.
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_02.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				SNB(Showroom Navigation Bar)
				쇼룸 이용 시 쇼룸 내의 각 메뉴로 신속하게 이동 시켜주는 쇼룸 내부의 메뉴바(이하 SNB) 입니다. SNB에는 해당 차량에서 제공하는 콘텐츠를 모두 담고 있으며 언제나 화면 상단에 위치하여 쇼룸을 둘러보시는 동안 각 콘텐츠와 메뉴 이동에 따른 편의를 제공해 드립니다.
				01 좋아요!
				좋아요 버튼을 클릭하시면 해당 차량의 SNS페이지에 카운트가 축적되며 얼마나 많은 사람들이 해당차량을 좋아하는지 알 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_03.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				02 가상체험
				가상체험은 이미지와 문구만으로는 부족할 수 있는 주요 기능에 대한 설명을 영상을 이용하여 고객 여러분께서 마치 직접 체험하는 듯한 경험을 안겨드리기 위해 특별히 제작한 현대자동차만의 스페셜 컨텐츠 입니다.
				* 아래의 예시 화면은 실제와 다를 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_04.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				03 스토리북
				해당 차량의 시승기, 후기등의 동영상 컨텐츠와 블로그, 트위터, 페이스북, 유튜브를 통한 SNS콘텐츠, 그리고 월페이퍼(1024x768, 1280x1024)를 다운로드 받으실 수 있습니다.
				* 아래의 예시 화면은 실제와 다를 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_05.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				04 TUIX
				TUIX는 자동차로 하여금 고객이 원하는 대로 다양한 가치를 경험하게 하는 현대자동차 커스터마이징 대표 브랜드 입니다. 온라인상에서 가상으로 TUIX를 적용하여 다양한 변화를 주고 자신만의 자동차를 완성 시켜 보세요.
				* 아래의 예시 화면은 실제와 다를 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_06.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				05 KNCAP
				자동차결함신고센터(www.car.go.kr)에서 제공하는 신차안전도평가결과 데이터를 도표를 이용하여 한눈에 보기 쉽게 정리한 KNCAP 차량 안전도 평가결과 컨텐츠 입니다.
				현대자동차에 대한 안전도 평가결과를 직접 확인하여 보시기 바랍니다.
				자세히보기 버튼을 클릭하시면 해당 차량의 안전도 평가결과 페이지를 새 창에서 보여줍니다.
				동영상보기 버튼을 클릭하시면 실제 안전성 검사를 하면서 촬영된 영상을 보실 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-wrap">
			<div class="replace-contents-area">
				<img src="/kr/images/user_guide/img_user_guide02_07.jpg" alt="가이드 이미지" class="target-img" />
				<div class="return-text">
					SNS 버튼 그룹 / 퀵메뉴
					SNS버튼을 클릭하시면 사용하시는 계정 SNS에 해당 컨텐츠가 포스팅 됩니다.그리고 버튼 그룹 오른쪽 끝의 프린트 버튼을 클릭하시면 해당 컨텐츠가 프린트 됩니다.
					* 아래의 예시 화면은 실제와 다를 수 있습니다.
					01 SNS 버튼 그룹
					SNS버튼을 클릭하시면 사용하시는 계정 SNS에 해당 콘텐츠가 포스팅 됩니다. 그리고 버튼 그룹 오른쪽 끝의 프린트 버튼을 클릭하시면 해당 콘텐츠가 프린트 됩니다.
					퀵메뉴
					SNB와 마찬가지로 항상 화면의 오른쪽 끝에 위치하며 견적내기, 경쟁차비교, 카탈로그 신청, 구매상담 페이지로 신속하게 이동할 수 있고, TOP 버튼 클릭 시 화면의 최상단으로 이동합니다.
				</div>
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_08.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				이미지갤러리
				갤러리 형식으로 이미지를 보여주는 컨텐츠 입니다. 화면에 마우스오버시 나타나는 꺽쇠를 이용하여 이전사진, 다음사진으로 이동할 수 있으며, 아래의 블릿을 클릭하여 이미지간에 이동을 할 수도 있습니다.
				* 아래의 예시 화면은 실제와 다를 수 있습니다.
			</div>
		</div>
		<div class="replace-contents-wrap">
			<div class="replace-contents-area">
				<img src="/kr/images/user_guide/img_user_guide02_09.jpg" alt="가이드 이미지" class="target-img" />
				<div class="return-text">
					360VR
					이미지를 클릭 후 좌, 우로 드래그 하시면 360도로 회전하여 앞, 뒤, 좌, 우를 모두 보실 수 있습니다. 또한, 아래의 컬러칩을 클릭 하면 해당 컬러로 VR이미지가 변경됩니다.
					* 아래의 예시 화면은 실제와 다를 수 있습니다.
				</div>
			</div>
		</div>
		<div class="replace-contents-area">
			<img src="/kr/images/user_guide/img_user_guide02_10.jpg" alt="가이드 이미지" class="target-img" />
			<div class="return-text">
				가격
				트림 별, 등급 별 상세 사양과 옵션 그에 따른 가격을 확인 하실 수 있습니다. 상단의 탭을 클릭하시면 트림 별 가격페이지로 전환됩니다.
				* 아래의 예시 화면은 실제와 다를 수 있습니다.
				01 트림비교
				해당 트림의 등급별 가격, 상세한 사양을 비교하여 보실 수 있습니다.
				02 견적내기
				해당 차량의 견적내기 화면으로 이동합니다.
				03 카탈로그 다운로드
				해당차량의 카탈로그 신청화면으로 이동합니다.
				04 가격표 다운로드
				해당 차량의 가격표 다운로드 받기 창이 활성화됩니다.
				05 취급설명서 다운로드
				해당 차량의 취급설명서 다운받을 수 있는 페이지로 이동합니다.
			</div>
		</div>
		<div class="replace-contents-wrap">
			<div class="replace-contents-area">
				<img src="/kr/images/user_guide/img_user_guide02_11.jpg" alt="가이드 이미지" class="target-img" />
				<div class="return-text">
					구매가이드
					구매에 필요한 견적, 신청, 상담, 시승의 각 서비스 페이지로 간단하게 이동할 수 있는 구매가이드 시스템 입니다. 각 메뉴별 하위 메뉴를 클릭하면 해당 서비스 페이지로 이동합니다.
					* 아래의 예시 화면은 실제와 다를 수 있습니다.
					01 견적
					견적내기 / 경쟁차 비교 / 이달의 구입혜택 서비스를 제공합니다.
					02 신청
					카탈로그 신청 서비스를 제공합니다.
					03 상담
					구매상담 신청 / 전시차 조회 / 대리점 조회 서비스를 제공합니다.
					04 시승
					시승서비스를 신청하실 수 있습니다.
				</div>
			</div>
		</div>
	</div>
	<hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %> 